<style scoped>
  .success{
    width:100%;
    height:100%;
    background: #edf1f5;
  }
  .content{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .first{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }
  .first>h1{
    font-size: 70px;
    color: #4D66FF;
  }
  .second{
    margin-top: 40px;
    padding: 0 20px;
    text-align: center;
  }
  @media screen and (max-width: 320px) {
    .third{
      height:35px;
    }
  }
  @media screen and (max-width:375px) and (min-width:321px) {
    .third{
      height:39px;
    }
  }
  @media screen and (min-width: 376px){
    .third{
      height:45px;
    }
  }
  .third{
    margin-top: 60px;
    width: 100%;
  }
  .third a{
    background: #435cff;
    border:none;
    border-radius: 4px;
    display: flex;
    justify-content:center;
    align-items: center;
    margin: 0 10px;
    height:100%;
  }
  .third h3{
    color: #ffffff;
  }
</style>

<template>
  <div class="success">
    <my-kh></my-kh>
    <div class="content">
      <div class="first">
        <h1 class="iconfont icon-yuanxingxuanzhongfill"></h1>
        <h3>开户资料已提交</h3>
        <h3>请等待审核</h3>
      </div>
      <div class="second">
        <h4>宽策略证券将在1-2个交易日内审核您的开户申请，宽策略证券将通过短信等通知您开户结果，审核通过后即可开始发起转入资金操作。请耐心等待工作人员的审核。</h4>
      </div>
      <div class="thirs">

      </div>
      <div class="third" @click="next">
        <router-link to="">
          <h3>返回首页</h3>
        </router-link>
      </div>
    </div>
  </div>
</template>

<script>
  import myKh from '../components/kh.vue'
  export default {
    components: {
      myKh
    },
    methods: {
      next () {
        this.$router.push('/index')
      }
    }
  }
</script>
